<script setup lang="ts"></script>

<template>
  <svg
    viewBox="0 0 48 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    stroke="currentColor"
    class="drag-dot"
    stroke-width="6"
    stroke-linecap="butt"
    stroke-linejoin="miter">
    <path
      d="M17 8h2v2h-2V8ZM17 23h2v2h-2v-2ZM17 38h2v2h-2v-2ZM29 8h2v2h-2V8ZM29 23h2v2h-2v-2ZM29 38h2v2h-2v-2Z"
      fill="currentColor"
      stroke="none"></path>
    <path
      d="M17 8h2v2h-2V8ZM17 23h2v2h-2v-2ZM17 38h2v2h-2v-2ZM29 8h2v2h-2V8ZM29 23h2v2h-2v-2ZM29 38h2v2h-2v-2Z"></path>
  </svg>
</template>

<style scoped lang="less">
.drag-dot {
  width: 16px;
  height: 16px;
  color: var(--cdn-cascader-color-text-2);
  border-radius: 2px;
  padding: 2px;
  cursor: move;
  display: none;
  opacity: 0;
  transition: opacity 0.2s linear;
}
</style>
